<div class="wrap">
	<script type="text/javascript" language="javascript">
		$(function(){$('#hotpic_box').picMap();});
	</script>
	<div class="hotpic_box" id="hotpic_box">
		<div class="act_tool" id="act_tool">
			<div class="color_list">
				<ul>
					<li class="current" data-color="black"></li>
					<li data-color="red"></li>
					<li data-color="brown"></li>
					<li data-color="yellow"></li>
					<li data-color="flesh"></li>
					<li data-color="green"></li>
					<li data-color="orange"></li>
					<li data-color="blue"></li>
					<li data-color="white"></li>
				</ul>
			</div>
			<div class="icon i1"><a href="#">如何使用图片热区？</a></div>
			<div class="icon i2"><a href="#">如何还原热区？</a></div>
		</div>
		<div class="init" id="init">
			<div class="insert_hot" onclick="openInsert(this)"></div>
			<div class="revert_hot"></div>
		</div>
		<div class="panel" id="panel">
			<div class="hotpic_content" title="按住鼠标左键拖动，创建新的热点区域" id="hotpic_content"></div>
			<div class="panel-left"></div>
			<div class="panel-right"></div>
			<div class="panel-close"><a href="javascript:void(0)" title="关闭热区"></a></div>
			<div class="panel-code" data-pic="" data-pic-height=""></div>
			<div class="panel-view" data-pic="" data-pic-height="">
				<form id="post_preview" action="{:U('preview')}" target="_blank" method="post" style="display:none">
					<textarea id="preview_content" name="preview_content"></textarea>
				</form>
			</div>
		</div>
	</div>
</div>
<div id="dialog-insert" class="dialog-panel" title="创建图片热区">
	<div class="line-item">
		<label>图片地址</label>
		<input class="text" type="text" value="" name="picurl" id="picurl" />
		<div class="error"></div>
	</div>
	<div class="line-item">
		<label>&nbsp;</label>
		<span>把图片先上传到淘宝图片空间，然后复制图片链接到此处</span>
	</div>
</div>
<div id="dialog-setting" class="dialog-panel" title="设置热点链接">
	<div class="line-item">
		<label>链接地址</label>
		<input class="text" type="text" value="" name="linkurl" id="linkurl" />
	</div>
	<div class="line-item">
		<label>热点描述</label>
		<input class="text" type="text" value="" name="linktip" id="linktip" />
	</div>
	<div class="line-item checkbox">
		<label>打开方式</label>
		<div class="select_icon cur" id="target" data-value="1">新页面</div>
	</div>
	<div class="line-item">
		<label>&nbsp;</label>
		<span>链接地址只能填写淘宝里的链接，不支持外链，淘宝会自动过滤</span>
	</div>
</div>
<div title="生成代码" class="dialog-panel" id="dialog-crate">
	<div class="crate-code">
		<p>复制下面代码粘贴到自定义区域代码模式里保存即可</p>
		<textarea></textarea>
		<button type="button" id="dialog-crate-btn">复制代码</button>
	</div>
</div>